<template>
	<mescroll-uni :fixed="false" class="mescroll" :ref="'mescrollRef'+i" @init="mescrollInit" :down="downOption"
		@down="$emit('down')" :up="upOption" @up="upmethod" @emptyclick="$emit('emptyclick')">
		<slot></slot>
	</mescroll-uni>
</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin],
		data() {
			return {
				downOption: {
					auto: false, // 不自动加载 (mixin已处理第一个tab触发downCallback)
				},
				upOption: {
					auto: false, // 不自动加载
					page: {
						num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 10 // 每页数据的数量
					},
					textNoMore: '没有更多了', // 没有更多数据的提示文本
					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
					empty: {
						icon: require('./static/empty.png'),
						tip: '暂无相关数据~', // 提示
					}
				},
			}
		},
		props: {
			i: Number, 
			index: {
				type: Number,
				default () {
					return 0
				}
			},
		},
		methods: {
			upmethod(page){
				this.$emit('up',page)
			}
		}
	}
</script>
<style lang="scss">
	.mescroll {
		width: 100%;
		height: 100%;
	}
</style>
